<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../css/index.css" />
		<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/axios.min.js" type="text/javascript" charset="utf-8"></script>
		<!-- 引入样式 -->
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
		<!-- 引入组件库 -->
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>
		<style type="text/css">
			/* #product {
				/* width: 60%;
				margin: 0 auto; */
			}

			/* .items{
				width: 70%;
				margin: 20px auto;
			}
			
			
			 .el-carousel__item h3 {
			    color: #475669;
			    font-size: 18px;
			    opacity: 0.75;
			    line-height: 300px;
			    margin: 0;
			  } */
			.items {
				width: 100%;
			}

			.el-carousel__item .item_img {
				width: 100%;
				height: auto;
			}
		</style>
	</head>
	<body class="">
		<div id="products">
			<!-- <img src="img/e6699ad0ceed58e9a83b07321d7099a.png">
			<div id="">

			</div> -->


			<div class="items">
				<el-carousel indicator-position="outside" height="590px">
					<el-carousel-item v-for="item in list" :key="item">
						<!--  <h3>{{ item }}</h3> -->
						<img class="item_img" :src="item">
					</el-carousel-item>
				</el-carousel>
			</div>

		</div>
		<!--E:\场景系统\02 智慧化场景\06 智慧社区-知社区\园区数字政府场景-智慧社区20210927 -->

		<script src="../../js/util.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var product = new Vue({
				el: "#products",
				data: {
					list: [
						'https://znzsmh.juhe.cn/scenesys/resource/02 智慧化场景/06 智慧社区-知社区/园区数字政府场景-智慧社区20210927/幻灯片1.PNG',
						'https://znzsmh.juhe.cn/scenesys/resource/02 智慧化场景/06 智慧社区-知社区/园区数字政府场景-智慧社区20210927/幻灯片2.PNG',
						'https://znzsmh.juhe.cn/scenesys/resource/02 智慧化场景/06 智慧社区-知社区/园区数字政府场景-智慧社区20210927/幻灯片3.PNG',
						'https://znzsmh.juhe.cn/scenesys/resource/02 智慧化场景/06 智慧社区-知社区/园区数字政府场景-智慧社区20210927/幻灯片4.PNG',
						'https://znzsmh.juhe.cn/scenesys/resource/02 智慧化场景/06 智慧社区-知社区/园区数字政府场景-智慧社区20210927/幻灯片5.PNG',
						'https://znzsmh.juhe.cn/scenesys/resource/02 智慧化场景/06 智慧社区-知社区/园区数字政府场景-智慧社区20210927/幻灯片6.PNG',
						'https://znzsmh.juhe.cn/scenesys/resource/02 智慧化场景/06 智慧社区-知社区/园区数字政府场景-智慧社区20210927/幻灯片7.PNG',
						'https://znzsmh.juhe.cn/scenesys/resource/02 智慧化场景/06 智慧社区-知社区/园区数字政府场景-智慧社区20210927/幻灯片8.PNG',
						
						'https://znzsmh.juhe.cn/scenesys/resource/02 智慧化场景/06 智慧社区-知社区/园区数字政府场景-智慧社区20210927/幻灯片9.PNG',
						'https://znzsmh.juhe.cn/scenesys/resource/02 智慧化场景/06 智慧社区-知社区/园区数字政府场景-智慧社区20210927/幻灯片10.PNG',

					]

				},
				created() {

				},
				mounted() {

				},
				methods: {

				}
			})
		</script>
	</body>
</html>
